<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	/*每个页面公共css */
	page{
		font-family: Arial, Helvetica, sans-serif;
	}
	.flex-row{
	  display: flex;
	  flex-direction: row;
	  display: -webkit-box;
	  display: -webkit-flex;
	  -webkit-box-orient: horizontal;
	  -webkit-flex-direction: row;
	}
	
	/*项目竖向排列*/
	.flex-col {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-flex-direction: column;
	  flex-direction: column;
	}
	/*flex-shrink  所有项目的flex-shrink: 1; 只有一个为0  则空间不足时，为0不缩小*/
	/*项目可换行 默认不换行*/
	
	.flex-grow {
	  flex-wrap: wrap;
	  -webkit-flex-wrap: wrap;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	}
	
	/*水平和垂直居中*/
	
	.flex-center {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
	  -ms-flex-align: center;
	  -ms-grid-row-align: center;
	  align-items: center;
	}
	
	/*水平居中*/
	
	.flex-x-center {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	}
	
	/*右对齐*/
	
	.flex-x-right {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: flex-end;
	  -webkit-justify-content: flex-end;
	  -ms-flex-pack: center;
	  justify-content: flex-end;
	}
	
	/*两端对齐*/
	
	.flex-x-between,.flex-between {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: space-between;
	  -webkit-justify-content: space-between;
	  -ms-flex-pack: space-between;
	  justify-content: space-between;
	}
	
	/*两侧间距相等对齐*/
	
	.flex-x-around {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: space-around;
	  -webkit-justify-content: space-around;
	  -ms-flex-pack: space-around;
	  justify-content: space-around;
	}
	
	/*Y轴居中*/
	
	.flex-y-center {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
	  -ms-flex-align: center;
	  -ms-grid-row-align: center;
	  align-items: center;
	}
	
	/*底部对齐*/
	
	.flex-y-bottom {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-align: end;
	  -webkit-align-items: flex-end;
	  -ms-flex-align: end;
	  -ms-grid-row-align: flex-end;
	  align-items: flex-end;
	}
	
	.item-end{
		 align-self: flex-end;/*单个项目底部*/
	}
	/*-------------------------------------*/
	
	/*item 上使用*/
	
	/*flex-shrink  所有项目的flex-shrink: 1; 只有一个为0  则空间不足时，为0不缩小  */
	
	/*适合左右排 0 占绝对位置 1占满盒子 根据盒子大小变化而变化*/
	
	.flex-grow-0 {
	  min-width: 0;
	  -webkit-box-flex: 0;
	  -webkit-flex-grow: 0;
	  -ms-flex-positive: 0;
	  flex-grow: 0;
	  -webkit-flex-shrink: 0;
	  -ms-flex-negative: 0;
	  flex-shrink: 0;
	}
	
	.flex-grow-1 {
	  min-width: 0;
	  -webkit-box-flex: 1;
	  -webkit-flex-grow: 1;
	  -ms-flex-positive: 1;
	  flex-grow: 1;
	  -webkit-flex-shrink: 1;
	  -ms-flex-negative: 1;
	  flex-shrink: 1;
	}
	
	/*最小的值排在最前面*/
	
	.order {
	  order: 1;
	}
	
	/*flex-start | flex-end  | center    | baseline    | stretch;
	  顶端对齐    底部对齐  中间对齐   项目的第一行文字的基线对齐。 占满y轴高度 默认值*/
	
	.item-end {
	  align-self: flex-end; /*单个项目底部*/
	}
	
	.item-center {
	  align-self: center; /*单个项目居中对齐*/
	}
	.break1{
		  word-break: break-all;
		  text-overflow: ellipsis;
		  display: -webkit-box;
		  /** 对象作为伸缩盒子模型显示 **/
		  -webkit-box-orient: vertical;
		  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
		  -webkit-line-clamp: 1;
		  /** 显示的行数 **/
		  overflow: hidden;
		  /** 隐藏超出的内容 **/
	}
	image{
		display: block;
		width: 100%;
		
		height: 100%;
	}
</style>
